import React from "react";

const person = {
  name: "xiaoxu",
  theme: {
    backgroundColor: "black",
    color: "pink"
  }
};

const TodoList: React.FC = () => {
  return (
    <div style={person.theme}>
      <h1>{person.name}'s Todos</h1>
      <img className="avatar" src="https://picsum.photos/200" alt="Xiaxu" />
      <ul>
        <li>Learn React</li>
        <li>Learn TypeScript</li>
        <li>Learn Redux</li>
      </ul>
    </div>
  );
};
export default TodoList;
